<template>
  <div class="main-container" style="width: 100%;height: 100%">
    <div style="background-color: #fff; height: 100%">
      <a-tabs   :lazy-load="true" justify type="card">
        <a-tab-pane key="1" title="车间退货(待处理)">
          <div style="height: 100%">
            <TkDaichuli></TkDaichuli>
          </div>
        </a-tab-pane>
        <a-tab-pane key="2" title="车间退库(毛坯入库单)">
          <div style="height: 100%">
            <CjTkrukudan></CjTkrukudan>
          </div>
        </a-tab-pane>
        <a-tab-pane key="3" title="毛坯出库(织造冲红)">
          <div style="height: 100%">
            <MaopiChuku></MaopiChuku>
          </div>
        </a-tab-pane>
        <a-tab-pane key="4" title="坯布入库(染厂退库)">
          <div style="height: 100%">
            <PibuRuku></PibuRuku>
          </div>
        </a-tab-pane>
        <a-tab-pane key="5" title="毛坯入库(织厂收货)">
          <div style="height: 100%">
            <MaopiRuku></MaopiRuku>
          </div>
        </a-tab-pane>
        <a-tab-pane key="6" title="毛坯出库">
          <div style="height: 100%">
            <MaopiChuku1></MaopiChuku1>
          </div>
        </a-tab-pane>

      </a-tabs>
    </div>
  </div>
</template>

<script lang="ts">
import TkDaichuli from './component/TkDaichuli.vue'
import CjTkrukudan from './component/CjTkrukudan.vue'
import MaopiChuku from './component/MaopiChuku.vue'
import PibuRuku from './component/PibuRuku.vue'
import MaopiRuku from './component/MaopiRuku.vue'
import MaopiChuku1 from './component/MaopiChuku1.vue'

export default {
  name: 'Receipt2',
  setup() {
  },
  components: {
    TkDaichuli,
    CjTkrukudan,
    MaopiChuku,
    PibuRuku,
    MaopiRuku,
    MaopiChuku1,
  },
}
</script>